<template>
  <view class="goods">
    <image class="goods__img" src="https://img1.360buyimg.com/n6/jfs/t1/32679/33/20887/186750/640a81afF3ddd8f89/03e2d91c12c0c46a.jpg" />
    <view class="goods__info">
      <text>简朵 i5 10400F升八核/GTX1650 式吃鸡电脑主机DIY组装机</text>
      <text class="tip">白色，单主机</text>
    </view>
    <view class="goods__price">
      <text>￥49.00</text>
      <text class="tip">x1</text>
    </view>
  </view>
</template>

<script>
export default {

}
</script>

<style>
.goods {
  margin-bottom: 24rpx;
  display: flex;
  font-size: 24rpx;
  color: #333;
}
.goods__img {
  width: 128rpx;
  min-width: 128rpx;
  height: 128rpx;
  margin-right: 20rpx;
}
.goods__info {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
.goods__price {
  width: 150rpx;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.tip {
  color: #999;
  margin-top: 24rpx;
}
</style>
